﻿
<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>个人中心</title>
    <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=0" name="viewport" />
    <meta content="yes" name="apple-mobile-web-app-capable" />
    <meta content="black" name="apple-mobile-web-app-status-bar-style" />
    <meta content="telephone=no" name="format-detection" />
    <link href="/MobWeb/CSS/people/style.css" rel="stylesheet" />
    <link rel="stylesheet" href="/MobWeb/CSS/elem/index.css">
    <style>
        .el-message-box {
            width: auto;
        }
    </style>
</head>
<body>
    <section class="aui-flexView" id="app">
        <header class="aui-navBar aui-navBar-fixed">
            <a href="javascript:;" class="aui-navBar-item">
                <i class="icon icon-return"></i>
            </a>
            <div class="aui-center">
                <span class="aui-center-title"></span>
            </div>
            <a href="javascript:;" class="aui-navBar-item">
                <!--<i class="icon icon-news"></i>-->
            </a>
        </header>
        <section class="aui-scrollView">
            <div class="aui-health-head">
                <div class="aui-flex">
                    <div class="aui-health-user">
                        <img src="/MobWeb/Images/personhead.png" alt="">
                    </div>
                    <div class="aui-flex-box">
                        <h1>{{yhdata.userrealname}}</h1>
                        <h3 style="display: inline-block;    min-width: 120px;">{{yhdata.usertype}}</h3>                    
                    </div>
                </div>
                <div class="aui-palace  aui-palace-text" style="display:none">
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span>989</span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>我的关注</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span>120</span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>我的动态</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span>89</span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>我的粉丝</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <span>23</span>
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>测试记录</h2>
                        </div>
                    </a>
                </div>
            </div>
            <div class="aui-health-box aui-health-box-top" style="display:none">
                <div class="aui-palace ">
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="/MobWeb/Images/icon/ZHBG.png" alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>账户余额</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="/MobWeb/CSS/people/icon-info-002.png" alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>红包卡卷</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="/MobWeb/CSS/people/icon-info-003.png" alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>推广返利</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="/MobWeb/CSS/people/icon-info-004.png" alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>预约订单</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="images/icon-info-005.png" alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>投诉记录</h2>
                        </div>
                    </a>
                    <a href="javascript:;" class="aui-palace-grid">
                        <div class="aui-palace-grid-icon">
                            <img src="images/icon-info-006.png" alt="">
                        </div>
                        <div class="aui-palace-grid-text">
                            <h2>我的课程</h2>
                        </div>
                    </a>
                </div>
            </div>

            <div class="aui-health-box" style="margin-top: -6rem;">
                <a href="javascript:;" class="aui-flex b-line">
                    <div class="aui-cou-img">
                        <img src="/MobWeb/CSS/people/icon-fl-001.png" alt="">
                    </div>
                    <div class="aui-flex-box">
                        <p>手机号</p>
                    </div>
                    <div class="">
                        <span>{{yhdata.lxfs}}</span>
                    </div>
                </a>
                <a href="javascript:;" class="aui-flex b-line">
                    <div class="aui-cou-img">
                        <img src="/MobWeb/CSS/people/icon-fl-003.png" alt="">
                    </div>
                    <div class="aui-flex-box">
                        <p>用户名</p>
                    </div>
                    <div class="">
                        <span>{{yhdata.username}}</span>
                    </div>
                </a>

                <a href="javascript:;" class="aui-flex b-line">
                    <div class="aui-cou-img">
                        <img src="/MobWeb/CSS/people/icon-fl-004.png" alt="">
                    </div>
                    <div class="aui-flex-box">
                        <p>单位</p>
                    </div>
                    <div class="">
                        <span>   {{yhdata.zname}}</span>
                    </div>
                </a>
                
            </div>
            <div class="aui-health-box" style="margin-top:30px">
               
                <a href="UI_XGMM.html" class="aui-flex b-line">
                    <div class="aui-cou-img">
                        <img src="/MobWeb/CSS/people/icon-fl-003.png" alt="">
                    </div>
                    <div class="aui-flex-box">
                        <p>密码修改</p>
                    </div>
                    <div class="aui-ren-arrow">
                        <span>设置密码，保障安全</span>
                    </div>
                </a>

                <a href="javascript:;" class="aui-flex b-line" @click="dialogVisible = true">
                    <div class="aui-cou-img">
                        <img src="/MobWeb/CSS/people/icon-fl-004.png" alt="">
                    </div>
                    <div class="aui-flex-box">
                        <p>关于我们</p>
                    </div>
                    <div class="aui-ren-arrow">
                        <span></span>
                    </div>
                </a>
                <a href="javascript:;" class="aui-flex b-line" @click="exit">
                    <div class="aui-cou-img">
                        <img src="/MobWeb/CSS/people/icon-fl-002.png" alt="">
                    </div>
                    <div class="aui-flex-box">
                        <p>安全退出</p>
                    </div>
                    <div class="aui-ren-arrow">
                        <span></span>
                    </div>
                </a>
            </div>
            <div style="height:55px;"></div>
        </section>

        <footer class="aui-footer aui-footer-fixed">
            <a href="index.html" class="aui-tabBar-item">
                <i class="el-icon-s-home" style="font-size:20px;"></i>
                <span class="aui-tabBar-item-text">首页</span>
            </a>


            <a href="UI_People.html" class="aui-tabBar-item">
                <i class="el-icon-user-solid" style="font-size:20px;color: indianred;"></i>
                <span class="aui-tabBar-item-text" style="color: indianred;">个人中心</span>
            </a>
        </footer>
        <el-dialog title="关于我们"
                   :visible.sync="dialogVisible"
                   :showClose="false"
                   width="90%">
            <p>本软件由陕西省交口抽渭灌溉中心授权开发</p>
            <span slot="footer" class="dialog-footer">
                <el-button type="primary" @click="dialogVisible = false">知道了</el-button>
            </span>
        </el-dialog>
    </section>
    <script src="/MobWeb/js/jquery-1.11.2.min.js"></script>
    <script src="/MobWeb/js/vue.js"></script>
    <script src="/MobWeb/js/lodash.min.js"></script>
    <script src="/MobWeb/css/elem/index.js"></script>
    <script src="/ViewV5/JS/SZHLCommon.js?V=2021" type="text/javascript"></script>
    <script>
        var app = new Vue({
            el: '#app',
            data: {
                dialogVisible: false,
                activeName: 'first',
                xm: "",
                yhdata: {},
                xzdata: [],
                iscx: true
            },
            computed: {

            },
            methods: {

                exit: function (item) {
                    this.$confirm('此操作将完全退出系统, 是否继续?', '提示', {
                        confirmButtonText: '确定',
                        cancelButtonText: '取消',
                        type: 'warning'
                    }).then(() => {
                        ComFunJS.setCookie('sfzhm', "");
                        ComFunJS.setCookie('username', "");
                        ComFunJS.setCookie('password', "");
                        localStorage.removeItem("userinfo");
                        location.href = "login.html"
                    }).catch(() => {

                    });

                },

            },
            mounted: function () {
                var pro = this;
                pro.$nextTick(function () {
                    pro.yhdata = JSON.parse(localStorage.getItem("userinfo"));
                    pro.yhdata.usertype = pro.yhdata.usertype.replace('员工,', '');
                })
            }

        })


    </script>
</body>
</html>
